<!DOCTYPE html>
<html>

<head>
    <title>3.0</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport"
        content="initial-scale=1.0,user-scalable=no,minimum-scale=1.0, maximum-scale=1.0,width=device-width">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no, email=no">
    <link rel="apple-touch-icon" href="" data-role="site-logo">

</head>

<body>

    <style type="text/css">
        #main {
            width: 100%;
            height: 500px;
        }

        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }

        a:active {
            text-decoration: underline;
        }


        body {
            background: #F6F5F7;
        }

        .imgContainer {
            padding: 0 16px;
            margin-top: 14px;
        }

        .imgContainer img {
            width: 100%;
            height: auto;
            box-shadow: 0px 3px 12px rgba(21, 0, 71, 0.16);
        }

        .beatWord {
            text-align: center;
            margin: 14px;
            margin-top: 20px;
        }

        .fieldset {
            padding: 0.8em;
            margin: 0 2px;
            border: 1px dashed #f54d23;
            background: #fff;
        }

        .medicine-bag {
            background: white;
            border: 1px dashed #fb6a65;
            padding: .5rem;
            border-radius: 5px;
        }

        .legend {
            background: #f54d23;
            border: none;
            font-size: 0.8rem;
            line-height: 20px;
            color: #fff;
            padding: 0 4px;
            top: -20px;
            position: relative;
        }

        .itemCopy {
            background: #fb6a65;
            border-radius: 5px;
            color: white;
            font-size: 14px;
            margin: 16px auto;
            padding: 10px;
            margin-bottom: 2px;
        }

        .itemWord {
            font-size: 12px;
            top: -10px;
            position: relative;
        }

        .kz-float-layer {
            height: 0px !important;
        }

        .kz-float-layer {
            display: none !important;
        }

        .itemWord11 {
            font-size: 12px;
            top: -10px;
            position: relative;
            padding-top: 10px;
        }

        .itemCopy11 {
            border: none;
            font-size: 16px;
            padding: 6px 15px;
            background: #FF0036;
            display: inline-block;
            margin: 10px auto;
            border-radius: 16px;
            color: #fff;
        }

        .copy-tip {
            display: flex;
            justify-content: space-around;
            align-items: center;
            background: linear-gradient(to right, #f9c492, #fb6a65);
            color: white;
            font-size: 12px;
            height: 24px;

        }

        .copy-tip-link {
            color: white;
        }

        .jtone {
            position: relative;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 10px solid white;
            border-bottom: 12px solid transparent;
        }

        .jtone::before {
            content: "";
            position: absolute;
            top: -12px;
            left: -13px;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 10px solid #fab189;
            border-bottom: 12px solid transparent;
        }

        .jttwo {
            position: relative;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 10px solid white;
            border-bottom: 12px solid transparent;
        }

        .jttwo::before {
            content: "";
            position: absolute;
            top: -12px;
            left: -13px;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 10px solid #fa9b7e;
            border-bottom: 12px solid transparent;
        }

        .jtthree {
            position: relative;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 10px solid white;
            border-bottom: 12px solid transparent;
        }

        .jtthree::before {
            content: "";
            position: absolute;
            top: -12px;
            left: -13px;
            width: 0;
            height: 0;
            border-top: 12px solid transparent;
            border-left: 10px solid #fa8673;
            border-bottom: 12px solid transparent;
        }
    </style>
    <div class="imgContainer">
        <img id="img" src="">
    </div>
    <div class="beatWord">
        <div class="medicine-bag">
            <span id="koulin"></span>
        </div>
        <div type="button" data-clipboard-text="" class="itemCopy" id="itemCopy">一键复制</div>
        <div id="copy-tip" class="copy-tip">
            <span>长按框内</span>
            <span class="jtone"></span>
            <span>全选</span>
            <span class="jttwo"></span>
            <span>复制</span>
            <span class="jtthree"></span>
            <span><a id="koulingURL" href="" class="copy-tip-link"> <img src="taobao.png"
                        style="width: 18px;">打开手机Tao宝</a></span>
            <!-- https://pic.kuaizhan.com/g3/ba/35/9ec3-520f-471d-834b-6410aa24ef0315 -->
        </div>
    </div>
    <script type="text/javascript" src="//lib.baomitu.com/jquery/2.2.4/jquery.min.js"></script>
    <script type="text/javascript" src="//lib.baomitu.com/clipboard.js/1.6.1/clipboard.min.js"></script>
    <!-- <script type="text/javascript" src="./jquery.min.js"></script>
    <script type="text/javascript" src="./clipboard.min.js"></script> -->
    <script>


        var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
        var base64DecodeChars = new Array(
            -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
            -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,
            -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63,
            52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1, -1, -1, -1, -1, -1,
            -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14,
            15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, -1, -1, -1, -1, -1,
            -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40,
            41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1);

        function base64decode(str) {
            var c1, c2, c3, c4;
            var i, len, out;

            len = str.length;
            i = 0;
            out = "";
            while (i < len) {
                /* c1 */
                do {
                    c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
                } while (i < len && c1 == -1);
                if (c1 == -1)
                    break;

                /* c2 */
                do {
                    c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];
                } while (i < len && c2 == -1);
                if (c2 == -1)
                    break;

                out += String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4));

                /* c3 */
                do {
                    c3 = str.charCodeAt(i++) & 0xff;
                    if (c3 == 61)
                        return out;
                    c3 = base64DecodeChars[c3];
                } while (i < len && c3 == -1);
                if (c3 == -1)
                    break;

                out += String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2));

                /* c4 */
                do {
                    c4 = str.charCodeAt(i++) & 0xff;
                    if (c4 == 61)
                        return out;
                    c4 = base64DecodeChars[c4];
                } while (i < len && c4 == -1);
                if (c4 == -1)
                    break;
                out += String.fromCharCode(((c3 & 0x03) << 6) | c4);
            }
            return out;
        }

        function utf16to8(str) {
            var out, i, len, c;

            out = "";
            len = str.length;
            for (i = 0; i < len; i++) {
                c = str.charCodeAt(i);
                if ((c >= 0x0001) && (c <= 0x007F)) {
                    out += str.charAt(i);
                } else if (c > 0x07FF) {
                    out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
                    out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                } else {
                    out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
                    out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
                }
            }
            return out;
        }

        function utf8to16(str) {
            var out, i, len, c;
            var char2, char3;

            out = "";
            len = str.length;
            i = 0;
            while (i < len) {
                c = str.charCodeAt(i++);
                switch (c >> 4) {
                    case 0: case 1: case 2: case 3: case 4: case 5: case 6: case 7:
                        // 0xxxxxxx
                        out += str.charAt(i - 1);
                        break;
                    case 12: case 13:
                        // 110x xxxx   10xx xxxx
                        char2 = str.charCodeAt(i++);
                        out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
                        break;
                    case 14:
                        // 1110 xxxx  10xx xxxx  10xx xxxx
                        char2 = str.charCodeAt(i++);
                        char3 = str.charCodeAt(i++);
                        out += String.fromCharCode(((c & 0x0F) << 12) |
                            ((char2 & 0x3F) << 6) |
                            ((char3 & 0x3F) << 0));
                        break;
                }
            }

            return out;
        }



        function getQueryVariable(variable) {
            var query = window.location.search.substring(1);
            var vars = query.split("&");
            for (var i = 0; i < vars.length; i++) {
                var pair = vars[i].split("=");
                if (pair[0] == variable) { return unescape(pair[1]); }
            }
            return (false);
        }


        function copy_code() {

            var clipboard = new Clipboard('.itemCopy');
            clipboard.on('success', function (e) {
                if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
                    e.trigger.innerHTML = "复制成功，打开掏宝APP购买";
                    e.trigger.style.backgroundColor = "#9ED29E";
                    e.trigger.style.borderColor = "#9ED29E";
                    e.trigger.disabled = true;
                    setTimeout(function () {
                        e.trigger.innerHTML = "一键复制";
                        e.trigger.style.backgroundColor = "#f54d23";
                        e.trigger.style.borderColor = "#f54d23";
                        e.trigger.disabled = false;
                    },
                        2000);
                }
            });
            clipboard.on('error', function (e) {
                e.trigger.innerHTML = "复制失败,请手动复制";
                e.trigger.style.backgroundColor = "#8f8f8f";
                e.trigger.style.borderColor = "#8f8f8f";
            });

            var clipboard11 = new Clipboard('.itemCopy11');
            clipboard11.on('success', function (e) {
                if (e.trigger.disabled == false || e.trigger.disabled == undefined) {
                    e.trigger.innerHTML = "复制成功，打开掏宝APP";
                    e.trigger.style.backgroundColor = "#9ED29E";
                    e.trigger.style.borderColor = "#9ED29E";
                    e.trigger.disabled = true;
                    setTimeout(function () {
                        e.trigger.innerHTML = "一键复制 双11超级红包口令";
                        e.trigger.style.backgroundColor = "#FF0036";
                        e.trigger.style.borderColor = "#f54d23";
                        e.trigger.disabled = false;
                    },
                        2000);
                }
            });
            clipboard11.on('error', function (e) {
                e.trigger.innerHTML = "复制失败,请手动复制";
                e.trigger.style.backgroundColor = "#8f8f8f";
                e.trigger.style.borderColor = "#8f8f8f";
            });


        }
        $(function () {
            copy_code();

            var koulin = getQueryVariable("taowords");
            var koulin = koulin.match(/\w+/);
            var koulin = "￥" + koulin + "￥"
            $("#itemCopy").attr("data-clipboard-text", koulin);
            $("#koulin").text(koulin);

            var koulinURL = "taobao" + decodeURIComponent(getQueryVariable("url"));
            $('#koulingURL').attr('href', koulinURL);

            var koulin11 = getQueryVariable("taowords11");
            if (koulin11.length > 0) {
                var koulin11 = koulin11.match(/\w+/);
                var koulin11 = "￥" + koulin11 + "￥"
                $("#itemCopy11").attr("data-clipboard-text", koulin11);
                $("#koulin11").text(koulin11);
                $("#beatWord11").css("display", "block");
            }





            $("#img").attr('src', base64decode(getQueryVariable("pic")));


            var ua = navigator.userAgent.toLowerCase();
            if (ua.match(/iphone/i) == "iphone" || ua.match(/ipad/i) == "ipad") {
                $('#copy_tip').text("长按框内 > 拷贝 > 打开掏宝APP");
            }




            $(".nav-icon-more").css("display", "none");

        });






    </script>
</body>

</html>